$c:center;
$width:750upx;
$size:20upx;
$w100:100%;
$wt100: 100upx;
$h100:100%;
.flexjus{
	display: flex;
	justify-content: space-between;
}
.w92 {
	width: 92%;
}
.w750 {
	width: $width;
}
.w100{
	width: $w100;
}
.h100 {
	height: $h100;
}
.wt100 {
	width: $wt100;
}
.mar-auto{
	margin: 0 auto;
}
.inlineblock{
	display: inline-block;
}
.c666{
	color: #666666;
}
.f400 {
	font-weight: 400;
}
.f800 {
	font-weight: 800;
}
.fblod {
	font-weight: bold;
}
.f500 {
	font-weight: 500;
}
.s20{
	font-size: 20upx;
}
.s22{
	font-size: 22upx;
}
.s40{
	font-size: 40upx;
}
.s28{
	font-size: 28upx;
}
.s36{
	font-size: 36upx;
}
.s24 {
	font-size: 24upx;
}
.s26{
	font-size: 26upx;
}
.s60{
	font-size: 60upx;
}
.s30{
	font-size: 30upx;
}
.s44 {
	font-size: 44upx;
}
.s48{
	font-size: 48upx;
}
.s32{
	font-size: 32upx;
}
.s16{
	font-size: 16upx;
}
.br50 {
	border-radius: 50%;
}
.family {
	font-family: PingFang SC-Medium, PingFang SC;
}
.familytow {
	font-family: PingFang SC-Bold, PingFang SC;
}
.familythree {
	font-family: PingFang SC-Regular, PingFang SC;
}
.txtali{
	text-align: center;
}
.back {
	background-color: #FFFFFF;
}
// 去掉滚动元素滚动条
.scrollnobar::-webkit-scrollbar {
	display: none
}
//去掉scroll-view滚动条
scroll-view ::-webkit-scrollbar {
width: 0;
height: 0;
color: transparent;
display: none;
}
/* 文本溢出显示省略号 */
.text-overflow1 {
	-webkit-line-clamp: 1;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.text-overflow2 {
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.text-overflow3 {
	-webkit-line-clamp: 3;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
/* 弹性盒子 */
.flex {
	display: -webkit-flex;
	display: flex;
}

.flex-wrap {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.flex-nowrap {
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.flex-wrap-reverse {
	-webkit-flex-wrap: wrap-reverse;
	flex-wrap: wrap-reverse;
}

.flex-1 {
	-webkit-flex: 1;
	flex: 1;
}

.flex-2 {
	-webkit-flex: 2;
	flex: 2;
}

.flex-3 {
	-webkit-flex: 3;
	flex: 3;
}

.flex-4 {
	-webkit-flex: 4;
	flex: 4;
}

.flex-5 {
	-webkit-flex: 5;
	flex: 5;
}

.flex-6 {
	-webkit-flex: 6;
	flex: 6;
}

.flex-order-1 {
	-webkit-order: 1;
	order: 1;
}

.flex-order-2 {
	-webkit-order: 2;
	order: 2;
}

.flex-order-3 {
	-webkit-order: 3;
	order: 3;
}

.flex-order-4 {
	-webkit-order: 4;
	order: 4;
}

.flex-order-5 {
	-webkit-order: 5;
	order: 5;
}

.flex-order-6 {
	-webkit-order: 6;
	order: 6;
}

.flex-order--1 {
	-webkit-order: -1;
	order: -1;
}

.flex-order--2 {
	-webkit-order: -2;
	order: -2;
}

.flex-order--3 {
	-webkit-order: -3;
	order: -3;
}

.flex-order--4 {
	-webkit-order: -4;
	order: -4;
}

.flex-order--5 {
	-webkit-order: -5;
	order: -5;
}

.flex-order--6 {
	-webkit-order: -6;
	order: -6;
}

.flex-row {
	-webkit-flex-direction: row;
	flex-direction: row;
}

.flex-row-reverse {
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.flex-column {
	-webkit-flex-direction: column;
	flex-direction: column;
}

.flex-column-reverse {
	-webkit-flex-direction: column-reverse;
	flex-direction: column-reverse;
}

.align-center {
	-webkit-align-items: center;
	align-items: center;
}

.align-start {
	-webkit-align-items: flex-start;
	align-items: flex-start;
}

.align-baseline {
	-webkit-align-items: baseline;
	align-items: baseline;
}

.align-stretch {
	-webkit-align-items: stretch;
	align-items: stretch;
}

.align-end {
	-webkit-align-items: flex-end;
	align-items: flex-end;
}

.self-start {
	-webkit-align-self: flex-start;
	align-self: flex-start;
}

.self-end {
	-webkit-align-self: flex-end;
	align-self: flex-end;
}

.self-center {
	-webkit-align-self: center;
	align-self: center;
}

.self-baseline {
	-webkit-align-self: baseline;
	align-self: baseline;
}

.self-stretch {
	-webkit-align-self: stretch;
	align-self: stretch;
}

.justify-center {
	-webkit-justify-content: center;
	justify-content: center;
}

.justify-start {
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

.justify-end {
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}

.justify-between {
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.justify-around {
	-webkit-justify-content: space-around;
	justify-content: space-around;
}

.justify-evenly {
	-webkit-justify-content: space-evenly;
	justify-content: space-evenly;
}

.search_box{
	width: 686rpx;
	height: 64rpx;
	background-color: #eee;
	margin: 0 auto;
	border-radius: 60rpx;
	display: flex;
	.searchInput{
		width: 560rpx;
		font-size: 24rpx;
		display: block;
		margin-left: 20rpx;
		margin-top: 10rpx;
	}
} 